/**
 * @param {ng.ICompileService} $compile
 * @returns {ng.IDirective}
 */
export function NgDirectiveScopeDirective($compile) {
  return {
    scope: {
      outerCtrl: "<",
    },
    restrict: "E",
    template: /* HTML */ html`
      <div>
        <h1>NgDirectiveScopeDirective</h1>
      </div>
    `,
    link(scope, element) {
      console.log("scope", scope);
      element.append(
        $compile(/* HTML */ html`
          <div>
            <h2>NgDirectiveScopeDirective</h2>
          </div>
        `)(scope),
      );
    },
  };
}
